<template>
  <div>我是a1</div>
  <div>我今年{{ age }}岁了</div>
  <div>{{ msg }}</div>
  <button @click="age++">age</button>
  <button @click="msg += '!'">msg</button>
</template>

<script>
import { ref, watch } from "vue";
export default {
  setup(props, context) {
    let age = ref(99);
    let msg = ref("你好啊");
    // 监视多个
    watch(
      [age, msg],
      (newvalue) => {
        console.log("变了", newvalue);
      },
      { immediate: true }
    );
    return { age, msg };
  },
};
</script>

<style>
</style>